<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
				*{
			padding: 0;
			margin: 0 auto;
			box-sizing: border-box;
			}
			#container
			{
				width: 1200px;
				height: auto;
				
			}
			#header
			{
				float: left;
				width: 100%;
			}
			#context
			{
				float: left;
				width: 100%;
				margin-top: 10px;
				margin-left: 60px;
				margin-right: 60px;
			}
			#logo
			{
				float: left;
				margin-top: 10px;
   				margin-left:70px;
			}
			#tab
			{
				margin-top: 40px;
				padding-left: 10px;
				margin-left: 10px;
				float: left;
			    color:#FFFFFF;
			    font-size: 18px;
			}
			#tab div {
		    position: relative;
		    width: 70px;
		    height: 30px;
		    border: 1px solid #cccccc;
		    text-align: center;
		    border-radius: 8%;
		    float: left;
		    margin-left: 10px;
		    background: aliceblue;
		 border-bottom: 0px;
			}	
			#tab div  a{
			    position: absolute;
			    margin-top: 3px;
			    color: darkgreen;
			    right: 18px;
			    font-weight: bold;
			     color: #006400;
			}
			#operator
			{
				float: right;
				font-size: 15px;
				color: #495FAE;
				margin-top: 5px;
				margin-right: 70px;
			}
			#mune
			{
				float: left;
				width: 100%;
				color:#FFFFFF;
				background:#EE7700 ;
			}
			#mune a{
				margin-left: 15px;
				font-size: 15px
			}
			#mune2
			{
				float: left;
				width: 100%;
				color:#000000;
				background:#D8D2CB ;
			}
			#context
			{
				float: left;
				width: 55%;
				border: 1px solid #D8D2CB;
				margin: 10%;
				margin-left: 25%;
			}
			#cont1{
				
				font-size: 30px;
				font-weight:bold;
				background: #E6F5E8;
				margin: 10px;
				height: 40px;
			}
			#cont1 a{
				margin-left: 30px;
				padding-top: 20px;
			}
			#cont2{
				margin: 20px;
				margin-top: 30px;
			}
			#cont2 div{
				margin: 20px;
				margin-left: 45px;
			}
			#cont3{
				margin-left: 40%;
				margin-right: 46%;
				margin-bottom: 20px;
				padding: 10px;
				background: #68A54C;
				border: 1px solid #006400;
				color: #F0F8FF;
			}
			#cont4{
				
				margin-left: 10px;
			}
			#write{
				float: left;
				width: 45%;
				margin-bottom: 20px;
				background: #FFDC9A;height: 25px;
			}
			#success{
				float: left;
				width: 45%;
				margin-bottom: 20px;
				background: #E0E0E0;
				height: 25px;
			}
		</style>
	</head>
	<body>
			<div id="container">
			<div id="header">
				<div id="logo"><a border="1"><img src="img/logo.gif" /></a></div>
				<div id="tab">
					<div style="float: left;background: #EE7700;"><a style="color:#F0F8FF;">首页</a></div>
			        <div style="float: left;"><a >图书</a></div> 
			        <div style="float: left;"><a>百货</a> </div>
			        <div style="float: left;"><a>品牌</a> </div>
			        <div style="float: left;"><a>促销</a></div>
				</div>
				<div id="operator">
					<span style="background: url(img/bg.png)0px -68px;">&nbsp;&nbsp;&nbsp;</span>
					<a href="shopping.html">购物车</a>
					<a href="login.html">登录</a>
					<a href="resiger.html">注册</a>
					<a href="guestbook.html">留言</a>
				</div>
			</div>
			<div id="mune">
				<a style="margin-left: 70px;">音乐</a>
				<a>影视</a>
				<a>少儿</a>
				<a>动漫</a>
				<a>小说</a>
				<a>外语</a>
				<a>数码照相机</a>
				<a>笔记本</a>
				<a>羽绒服</a>
				<a>秋冬靴</a>
				<a>运动鞋</a>
				<a>美容护肤</a>
				<a>家纺用品</a>
				<a>婴幼奶粉</a>
				<a>饰品</a>
				<a>Investor Redations</a>
			</div>
			<div id="context">
				<div id="cont1"><a>欢迎注册易卖网</a></div>
				<div id="cont4">
					<div id="write"><a style="margin-left: 30%; font-weight:bold;">填写注册信息</a></div>
					<div style="background: url(img/bg.png)0px -90px;width: 24px;height: 40px;float: left;"></div>
					<div id="success"><a style="color: #C4C892;margin-left: 30%;">注册成功</a></div>
					<div style="background: url(img/bg.png)-96px -90px;width: 24px;height: 40px;float: left;"></div>
				</div>
				<div id="cont2">
					<div>
						用户名：　<input type="text" name="account" style="height: 25px; " size="30">
					</div>
					<div>登录密码：<input type="text" name="account" style="height: 25px;" size="30"></div>
					<div>确认密码：<input type="text" name="account" style="height: 25px;" size="30"></div>
					<div>验证码：　
						<input type="text" name="account" style="height: 25px;" size="30"><img src="img/verCode.png">
						<span style="background: url(img/bg.png)-230px -66px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
						看不清楚，换一张？
					</div>
				</div>
				<div id="cont3"><a>提交注册</a></div>
			</div>
			<div id="mune2">
				<a style="margin-left: 35%;">Copyright &copy; 2016 东方睿智 All Rights Reserved.京ICP证1000001号</a>
			</div>
		</div>
	
	</body>
</html>
